<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>订单追踪</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="/common/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/common/css/common.css">
    <link rel="stylesheet" type="text/css" href="css/orderdetail.css">
    <link rel="stylesheet" type="text/css" href="/common/css/animate.min.css">
</head>

<body>

    <div class="container">
        <div class="header">
            <a class="go_back">
                <div class="left head-back-2"></div>
            </a>
            <div class="right"><a style="font-size: .14rem;color: #999;" href="/customized/customizedorder/orderlist/index.html">我的定制</a></div>
            <div class="auto">订单追踪</div>
        </div>

        <div class="wrap_main">
            <a href="javascript:;">
                <div class="address_selected">
                    <div class="">
                        <p class="name"><span class="_contact"></span><span class="_mobile"></span></p>
                        <p style="padding-bottom: .1rem;" class="more_single _address"></p>
                    </div>
                </div>
            </a>
            <div class="addressline"></div>
            <div class="space"></div>
            <p class="paied"></p>
            <div class="progress">
                <ul class="clear pro_a">
                    <!--<li class="active">包装制作</li>
                <li class="active">开始生产</li>
                <li class="active">商家发货</li>
                <li class="active">交易完成</li>-->
                </ul>
            </div>
            <div class="pro_b">
            <!--<span class="af "><img src="../../img/dian.png" alt=""></span>
            <span class="af red_line"><img src="../../img/dian.png" alt=""></span>
            <span class="af"><img src="../../img/dian.png" alt=""></span>
            <span>·</span>-->
            </div>
            <div style="margin-top: 0.15rem;" class="main">
                <p class="_productName">果汁定制</p>
                <div class="list">
                    <div class="list_detail">
                        <div class="img left">
                            <img class="_productUrl" src="">
                        </div>
                        <div class="info left">
                            <p style="padding-bottom: .1rem;" class="more_single">制造商：<span class="_manufacturer"></span></p>
                            <ul class="clear _manufacturerSpecification">
                                <!--<li class="_manufacturerSpecification"></li>-->
                                <!--<li>口味：橙汁</li>
                            <li>果汁含量：30%</li>
                            <li>规格：300ml</li>
                            <li>包装：易拉罐</li>
                            <li>数量：100</li>-->
                            </ul>
                        </div>
                    </div>
                    <div class="design_detail tab">
                        <div class="img left">
                            <img class="_designerProductUrl" src="">
                        </div>
                        <div class="info left">
                            <p class="more_single">设计商：<span class="_designer"></span></p>
                            <p class="more_single"><span class="_designerSpecification"></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="space"></div>
            <div class="order_detail">
                <div class="left">
                    <p>果汁定制</p>
                    <p class="_packPriceName">包装定制</p>
                    <p>邮费</p>
                    <p>订单总额</p>
                    <p class="_advanceMoneyName">预付款</p>
                </div>
                <div class="right">
                    <p>￥<span class="_productPrice"></span></p>
                    <p>￥<span class="_packPrice"></span></p>
                    <p>￥<span class="_shippingFee"></span></p>
                    <p>￥<span class="_totalPrice"></span></p>
                    <p>￥<span class="_advanceMoney"></span></p>
                </div>
                <p class="left">
                    注：
                    1.该商品生产周期7天<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    2.该商品不支持<span class="period">7</span>天无理由退换货<br>
                </p>
            </div>
            <div style="height: 1.25rem;" class="space"></div>

        </div>

        <div class="add_cart _lookFor clear tab">
            <span class="find_stream">查看物流</span>
            <i>|</i>
            <span class="confirm_receiving">确认收货</span>
        </div>
        <div class="add_cart _service clear tab">
            <!--<input type="button" name="" value="申请售后">-->
            <a href="tel:400-825-8521">申请售后</a>
        </div>
        <div class="add_cart _payment clear tab">
            <input type="button" name="" value="支付">
        </div>
        <div class="add_cart _paymentB clear tab">
            <input type="button" name="" value="支付尾款">
        </div>
    </div>

    <!--<div class="pay_container tab">
    <div class="pay_main">
        <div class="text">
            <p>请在菜单中选择浏览器打开，</p>
            <p>以完成支付。</p>
        </div>
        <div class="pay_middle">
            <div>
                <img src="img/paytip2.png" />
            </div>
            <p>
                在浏览器中打开
            </p>
        </div>
        <div class="pay_botton">
            <a href="../member/myorders/allorder.html"><div class="btn left complete">已完成支付</div></a>
            <div class="btn right cancel">取消并返回</div>
        </div>
    </div>
</div>-->

    <!--<div class="address_alert">请选择地址</div>-->

    <!--<div class="back_cover"></div>
<div class="back_alert">
    <p>这可是独一无二的商品，确定要离开吗</p>
    <div>
        <a class="look left" href="../cart/index.html">返回购物车</a>
        <a class="look right" href="javascript:;">继续填单</a>
    </div>
</div>

<div class="gat_background tab">
    <div class="gat_alert">
        <p>
            库存不足!
        </p>
        <ul>
            <li class="gat_alert_cancel">取消</li>
            <li class="gat_alert_affirm">确认</li>
        </ul>
    </div>
</div>-->

<div class="no_adrees tab">
    <div class="adrees_alert">
        <p>请添加地址!</p>
        <ul>
            <li class="adrees_cancel">取消</li>
            <li class="adrees_affirm">确认</li>
        </ul>
    </div>
</div>
<div class="gat_background tab">
    <div class="gat_alert">
        <p></p>
        <ul>
            <li class="gat_alert_cancel">取消</li>
            <li class="gat_alert_affirm">确认</li>
        </ul>
    </div>
</div>

    <script src="/common/js/jquery.js"></script>
    <script src="/common/js/post.js"></script>
    <script src="/common/js/json2.js"></script>
    <script src="/common/js/common.js"></script>
    <script src="/common/js/rem.js"></script>
    <script src="./js/orderdetail.js"></script>
</body>

</html>